<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv='content-language' content='zh_CN'>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/favicon.ico"/>
        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v20.8 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>江的博客 - 山高人为峰</title>
	<meta name="description" content="江的博客 - 山高人为峰 是一个以资源分享和技术教程为主的个人博客,个人前端笔记与案例展示、学习经验交流。" />
	<link rel="canonical" href="https://www.mate98.cn/" />
	<link rel="next" href="https://www.mate98.cn/page/2/" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.mate98.cn/","url":"https://www.mate98.cn/","name":"江的博客 - 山高人为峰","isPartOf":{"@id":"https://www.mate98.cn/#website"},"about":{"@id":"https://www.mate98.cn/#/schema/person/16d3d3e9fd071e2154406ca0dd2389e0"},"description":"江的博客 - 山高人为峰 是一个以资源分享和技术教程为主的个人博客,个人前端笔记与案例展示、学习经验交流。","breadcrumb":{"@id":"https://www.mate98.cn/#breadcrumb"},"inLanguage":"zh-CN"},{"@type":"BreadcrumbList","@id":"https://www.mate98.cn/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"首页"}]},{"@type":"WebSite","@id":"https://www.mate98.cn/#website","url":"https://www.mate98.cn/","name":"江的博客","description":"山高人为峰","publisher":{"@id":"https://www.mate98.cn/#/schema/person/16d3d3e9fd071e2154406ca0dd2389e0"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.mate98.cn/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-CN"},{"@type":["Person","Organization"],"@id":"https://www.mate98.cn/#/schema/person/16d3d3e9fd071e2154406ca0dd2389e0","name":"领导、我小江🎉","image":{"@type":"ImageObject","inLanguage":"zh-CN","@id":"https://www.mate98.cn/#/schema/person/image/","url":"https://www.mate98.cn/wp-content/uploads/2023/02/android-chrome-192x192-2.png","contentUrl":"https://www.mate98.cn/wp-content/uploads/2023/02/android-chrome-192x192-2.png","width":192,"height":192,"caption":"领导、我小江🎉"},"logo":{"@id":"https://www.mate98.cn/#/schema/person/image/"},"sameAs":["https://mate98.cn"]}]}</script>
	<meta name="baidu-site-verification" content="codeva-ZxynFNRnrR" />
	<meta name="msvalidate.01" content="6318F781529498F7C4E221B9B78305F6" />
	<meta name="google-site-verification" content="HtpjCiRm5wCdcV6wkOkLoo5h2S_dc3_a4Ubq5G58IFY" />
	<!-- / Yoast SEO plugin. -->


<link rel='stylesheet' id='puock-libs-css' data-no-instant href='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/dist/style/libs.min.css?ver=2.7.8' type='text/css' media='all' />
<link rel='stylesheet' id='puock-css' data-no-instant href='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/dist/style/style.min.css?ver=2.7.8' type='text/css' media='all' />
<link rel='stylesheet' id='puock-strawberry-icon-css' data-no-instant href='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/libs/strawberry-icon.css?ver=2.7.8' type='text/css' media='all' />
<link rel='stylesheet' id='puock-dplayer-css' data-no-instant href='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/libs/dplayer/DPlayer.min.css?ver=2.7.8' type='text/css' media='all' />
<link rel='stylesheet' id='classic-theme-styles-css' href='https://www.mate98.cn/wp-includes/css/classic-themes.min.css?ver=6.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='jiangqie-api-css' href='https://www.mate98.cn/wp-content/plugins/jiangqie-free-mini-program/public/css/mp.css?ver=2.2.1' type='text/css' media='all' />
<style id='md-style-inline-css' type='text/css'>
 .gfm-task-list { border: 1px solid transparent; list-style-type: none; } .gfm-task-list input { margin-right: 10px !important; } 
</style>
<script type='text/javascript' src='https://www.mate98.cn/wp-includes/js/jquery/jquery.min.js?ver=3.6.4' id='jquery-core-js'></script>
<script type='text/javascript' src='https://www.mate98.cn/wp-content/plugins/jiangqie-free-mini-program/public/js/mp.js?ver=2.2.1' id='jiangqie-api-js'></script>
<script type='text/javascript' id='wp-statistics-tracker-js-extra'>
/* <![CDATA[ */
var WP_Statistics_Tracker_Object = {"hitRequestUrl":"https:\/\/www.mate98.cn\/wp-json\/wp-statistics\/v2\/hit?wp_statistics_hit_rest=yes&track_all=1&current_page_type=home&current_page_id=0&search_query&page_uri=Lw=","keepOnlineRequestUrl":"https:\/\/www.mate98.cn\/wp-json\/wp-statistics\/v2\/online?wp_statistics_hit_rest=yes&track_all=1&current_page_type=home&current_page_id=0&search_query&page_uri=Lw=","option":{"dntEnabled":"1","cacheCompatibility":"1"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.mate98.cn/wp-content/plugins/wp-statistics/assets/js/tracker.js?ver=6.2.2' id='wp-statistics-tracker-js'></script>
<!-- Analytics by WP Statistics v14.1.2 - https://wp-statistics.com/ -->
        <style>
        body{--pk-c-primary:#4C9E44}
    </style>
    <style>:root{--puock-block-not-tran:48%}</style>            
<script>
window.log = console.log;
 console.log = ()=>{}
</script>        </head>
<body class="puock-light custom-background">
<div>
        <div id="header-box" class=""></div>
    <header id="header"
            class=" blur">
        <div class="navbar navbar-dark shadow-sm">
            <div class="container">
                <a href="https://www.mate98.cn" id="logo" class="navbar-brand logo-loop-light">
                                            <img id="logo-light" alt="logo" class="w-100 "
                             src="/wp-content/uploads/2023/02/logo1-1.png">
                        <img id="logo-dark" alt="logo" class="w-100 d-none"
                             src="/wp-content/uploads/2023/02/logo2-1.png">
                                    </a>
                <div class="d-none d-lg-block puock-links">
                    <div id="menus" class="t-md ">
                        <ul><li id='menu-item-25' class='menu-item-25  menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home  menu-current'><a class='ww' data-color='auto'  href='https://www.mate98.cn'>🏠 网站首页</a><li id='menu-item-362' class='menu-item-362  menu-item menu-item-type-custom menu-item-object-custom  '><a class='ww' data-color='auto'  href='/wp-admin/'>🔒 管理面板</a><li id='menu-item-348' class='menu-item-348  menu-item menu-item-type-taxonomy menu-item-object-category  '><a class='ww' data-color='auto'  href='https://www.mate98.cn/dir/coding/'>👨‍💻 代码编程</a><li id='menu-item-349' class='menu-item-349  menu-item menu-item-type-taxonomy menu-item-object-category  '><a class='ww' data-color='auto'  href='https://www.mate98.cn/dir/toss-more-than/'>🧱 折腾不止</a><li id='menu-item-350' class='menu-item-350  menu-item menu-item-type-taxonomy menu-item-object-category  '><a class='ww' data-color='auto'  href='https://www.mate98.cn/dir/resource-sharing/'>🌈 资源分享<i class="fa fa-chevron-down t-sm ml-1 menu-sub-icon"></i></a><ul  class="sub-menu "><li id='menu-item-173' class='menu-item-173  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><a class='ww' data-color='auto'  href='https://www.mate98.cn/toolslinks.html'>🔧 实用工具</a></ul><li id='menu-item-449' class='menu-item-449  menu-item menu-item-type-post_type menu-item-object-page  '><a class='ww' data-color='auto'  href='https://www.mate98.cn/jumpgame.html'>🎮跳跳小游戏</a><li id='menu-item-111' class='menu-item-111  menu-item menu-item-type-post_type menu-item-object-page  '><a class='ww' data-color='auto'  href='https://www.mate98.cn/journal.html'>⏳ 时光圈<i class="fa fa-chevron-down t-sm ml-1 menu-sub-icon"></i></a><ul  class="sub-menu "><li id='menu-item-63' class='menu-item-63  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><a class='ww' data-color='auto'  href='https://www.mate98.cn/read-people.html'>📖 读者墙</a><li id='menu-item-336' class='menu-item-336  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><a class='ww' data-color='auto'  href='https://www.mate98.cn/file.html'>🔖  博客归档</a></ul><li id='menu-item-45' class='menu-item-45  menu-item menu-item-type-post_type menu-item-object-page  '><a class='ww' data-color='auto'  href='https://www.mate98.cn/message.html'>💬 留言板<i class="fa fa-chevron-down t-sm ml-1 menu-sub-icon"></i></a><ul  class="sub-menu "><li id='menu-item-42' class='menu-item-42  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><a class='ww' data-color='auto'  href='https://www.mate98.cn/links.html'>🔗 友情链接</a><li id='menu-item-61' class='menu-item-61  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><a class='ww' data-color='auto'  href='https://www.mate98.cn/sitemap.html'>🗺️ 站点地图</a><li id='menu-item-357' class='menu-item-357  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><a class='ww' data-color='auto'  href='https://www.mate98.cn/travel-map.html'>🏖️ 旅行地图</a><li id='menu-item-24' class='menu-item-24  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><a class='ww' data-color='auto'  href='https://www.mate98.cn/about.html'>👨🏻‍💻 关于我</a></ul><li><a data-no-instant data-bs-toggle="tooltip" title="登入" data-title="登入" href="javascript:void(0)" class="pk-modal-toggle" data-once-load="true" data-url="https://www.mate98.cn/wp-admin/admin-ajax.php?action=pk_font_login_page&redirect=https%3A%2F%2Fwww.mate98.cn"><i class="fa fa-right-to-bracket"></i></a></li><li><a class="colorMode" data-bs-toggle="tooltip" title="模式切换" href="javascript:void(0)"><i class="fa-regular fa-sun"></i></a></li><li><a class="search-modal-btn" data-bs-toggle="tooltip" title="搜索" href="javascript:void(0)"><i class="fa fa-search"></i></a></li></ul>                    </div>
                </div>
                <div class="mobile-menus d-block d-lg-none p-1 puock-text">
                    <i class="fa fa-bars t-xl mr-2 mobile-menu-s"></i>
                                            <i class="fa-regular fa-sun colorMode t-xl mr-2"></i>
                                        <i class="search-modal-btn fa fa-search t-md"></i>
                </div>
            </div>
        </div>
    </header>
    <div id="search" class="d-none">
        <div class="w-100 d-flex justify-content-center">
            <div id="search-main" class="container p-block">
                <form class="global-search-form" action="https://www.mate98.cn">
                    <div class="search-layout">
                        <div class="search-input">
                            <input required type="text" name="s" class="form-control"
                                   placeholder="请输入搜索关键字">
                        </div>
                        <div class="search-start">
                            <button type="submit" class="btn-dark btn"><i
                                        class="fa fa-search mr-1"></i>搜索</button>
                        </div>
                        <div class="search-close-btn">
                            <button type="button" class="btn-danger btn ml-1 search-modal-btn"><i
                                        class="fa fa-close"></i></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div id="mobile-menu" class="d-none">
        <div class="menus">
            <div class="p-block">
                <div class="text-end"><i class="fa fa-close t-xl puock-link mobile-menu-close ta3"></i></div>
                <nav>
                    <ul class='puock-links t-md'><li id='menu-item-25' class='menu-item-25  menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home  menu-current'><span><a  href="https://www.mate98.cn">🏠 网站首页</a></span><li id='menu-item-362' class='menu-item-362  menu-item menu-item-type-custom menu-item-object-custom  '><span><a  href="/wp-admin/">🔒 管理面板</a></span><li id='menu-item-348' class='menu-item-348  menu-item menu-item-type-taxonomy menu-item-object-category  '><span><a  href="https://www.mate98.cn/dir/coding/">👨‍💻 代码编程</a></span><li id='menu-item-349' class='menu-item-349  menu-item menu-item-type-taxonomy menu-item-object-category  '><span><a  href="https://www.mate98.cn/dir/toss-more-than/">🧱 折腾不止</a></span><li id='menu-item-350' class='menu-item-350  menu-item menu-item-type-taxonomy menu-item-object-category  '><span><a  href="https://www.mate98.cn/dir/resource-sharing/">🌈 资源分享</a><a href="#menu-sub-350" data-bs-toggle="collapse"><i class="fa fa-chevron-down t-sm ml-1 menu-sub-icon"></i></a></span><ul id="menu-sub-350" class="sub-menu collapse"><li id='menu-item-173' class='menu-item-173  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><span><a  href="https://www.mate98.cn/toolslinks.html">🔧 实用工具</a></span></ul><li id='menu-item-449' class='menu-item-449  menu-item menu-item-type-post_type menu-item-object-page  '><span><a  href="https://www.mate98.cn/jumpgame.html">🎮跳跳小游戏</a></span><li id='menu-item-111' class='menu-item-111  menu-item menu-item-type-post_type menu-item-object-page  '><span><a  href="https://www.mate98.cn/journal.html">⏳ 时光圈</a><a href="#menu-sub-111" data-bs-toggle="collapse"><i class="fa fa-chevron-down t-sm ml-1 menu-sub-icon"></i></a></span><ul id="menu-sub-111" class="sub-menu collapse"><li id='menu-item-63' class='menu-item-63  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><span><a  href="https://www.mate98.cn/read-people.html">📖 读者墙</a></span><li id='menu-item-336' class='menu-item-336  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><span><a  href="https://www.mate98.cn/file.html">🔖  博客归档</a></span></ul><li id='menu-item-45' class='menu-item-45  menu-item menu-item-type-post_type menu-item-object-page  '><span><a  href="https://www.mate98.cn/message.html">💬 留言板</a><a href="#menu-sub-45" data-bs-toggle="collapse"><i class="fa fa-chevron-down t-sm ml-1 menu-sub-icon"></i></a></span><ul id="menu-sub-45" class="sub-menu collapse"><li id='menu-item-42' class='menu-item-42  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><span><a  href="https://www.mate98.cn/links.html">🔗 友情链接</a></span><li id='menu-item-61' class='menu-item-61  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><span><a  href="https://www.mate98.cn/sitemap.html">🗺️ 站点地图</a></span><li id='menu-item-357' class='menu-item-357  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><span><a  href="https://www.mate98.cn/travel-map.html">🏖️ 旅行地图</a></span><li id='menu-item-24' class='menu-item-24  menu-item menu-item-type-post_type menu-item-object-page menu-item-child '><span><a  href="https://www.mate98.cn/about.html">👨🏻‍💻 关于我</a></span></ul><li><a data-no-instant data-bs-toggle="tooltip" title="登入" data-title="登入" href="javascript:void(0)" class="pk-modal-toggle" data-once-load="true" data-url="https://www.mate98.cn/wp-admin/admin-ajax.php?action=pk_font_login_page&redirect=https%3A%2F%2Fwww.mate98.cn"><i class="fa fa-right-to-bracket"></i></a></li></ul>                </nav>
            </div>
        </div>
    </div>
    <div id="mobile-menu-backdrop" class="modal-backdrop d-none"></div>
    <div id="search-backdrop" class="modal-backdrop d-none"></div>


    <div id="content" class="mt15 container">
        <!--全局上方-->
                <div class="puock-text p-block t-md global-top-notice">
                    <div data-swiper="init" data-swiper-class="global-top-notice-swiper"
                         data-swiper-args='{"direction":"vertical","autoplay":{"delay":3000,"disableOnInteraction":false},"loop":true}'>
                        <div class="swiper global-top-notice-swiper">
                            <div class="swiper-wrapper">
                                                                    <div class="swiper-slide t-line-1">
                                        <a class="ta3" data-no-instant
                                           href="https://www.mate98.cn/jumpgame.html">
                                            <span class="notice-icon"><i
                                                        class="fa-regular fa-bell"></i></span>
                                            <span><span style="cursor: pointer;"><b>跳跳小游戏</b>上线了快来试玩吧！</span></span>
                                        </a>
                                    </div>
                                                                    <div class="swiper-slide t-line-1">
                                        <a class="ta3" data-no-instant
                                           href="#">
                                            <span class="notice-icon"><i
                                                        class="fa-regular fa-bell"></i></span>
                                            <span>欢迎访问JIANG的博客，更多详情请点击</span>
                                        </a>
                                    </div>
                                                                    <div class="swiper-slide t-line-1">
                                        <a class="ta3" data-no-instant
                                           href="#">
                                            <span class="notice-icon"><i
                                                        class="fa-regular fa-bell"></i></span>
                                            <span>JIANG的博客：干货资源，免费分享</span>
                                        </a>
                                    </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
                        <div class="row row-cols-1">
            <div class="col-lg-8 col-md-12  ">
                                    <div class="">
                        <!--轮播图-->
        <div id="index-banners" data-swiper="init" data-swiper-class="index-banner-swiper"
             data-swiper-args='{"navigation":{"nextEl":".index-banner-swiper .swiper-button-next","prevEl":".index-banner-swiper .swiper-button-prev"},"pagination":{"el":".index-banner-swiper .swiper-pagination","clickable":true,"dynamicBullets":true},"autoplay":{"delay":3000,"disableOnInteraction":false},"loop":true}'
             class="mb15">
            <div class="swiper index-banner-swiper">
                <div class="swiper-wrapper">
                                            <div class="swiper-slide swiper-lazy">
                            <a data-no-instant href="#"
                                >
                                <img class="w-100" src="https://www.mate98.cn/wp-content/uploads/2023/02/1f809fafe00a5674f0108c7f43c1e810-scaled.jpg"
                                     alt="">

                                                            </a>
                        </div>
                                            <div class="swiper-slide swiper-lazy">
                            <a data-no-instant href="#"
                                >
                                <img class="w-100" src="https://www.mate98.cn/wp-content/uploads/2023/02/5b9a58b3398c13b5d55d7a93aef4e119-scaled.jpg"
                                     alt="">

                                                            </a>
                        </div>
                                            <div class="swiper-slide swiper-lazy">
                            <a data-no-instant href="#"
                                >
                                <img class="w-100" src="https://www.mate98.cn/wp-content/uploads/2023/02/141e84de391871432915a66b94fd2f10-scaled.jpg"
                                     alt="">

                                                            </a>
                        </div>
                                    </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
                        </div>
                                <div class="                ">
                    <div>
                        <!--文章列表-->
<div id="posts">
    <div class=" mr-0 ml-0">
                    <!--文章ID：689 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/689.html">
                <img title="6月13日，星期二，在这里每天60秒读懂世界！"
                     alt="6月13日，星期二，在这里每天60秒读懂世界！" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuLzYwcy8yMDIzLTA2LzIwMjMwNjEzLmpwZw.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                    <span class="badge bg-danger"><i
                                class="fa fa-bolt-lightning"></i>置顶</span>                    <a  class="badge d-none d-md-inline-block bg-secondary ahfff" href="https://www.mate98.cn/dir/resource-sharing/%e6%96%b0%e9%97%bb%e6%97%a9%e6%8a%a5/"><i class="fa-regular fa-folder-open"></i> 新闻早报</a>                    <a class="a-link" title="6月13日，星期二，在这里每天60秒读懂世界！"                        href="https://www.mate98.cn/689.html">6月13日，星期二，在这里每天60秒读懂世界！</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>6 月 13 日，农历四月廿六，星期二！ 在这里，每天 60 秒读懂世界！ 1、外媒：新西兰总理宣布 6 月底&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>4<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/689.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                0<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/resource-sharing/%e6%96%b0%e9%97%bb%e6%97%a9%e6%8a%a5/"><i class="fa-regular fa-folder-open"></i> 新闻早报</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 近一天内</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：659 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/659.html">
                <img title="html 导出pdf"
                     alt="html 导出pdf" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L2ltYWdlLTIwMjMwNTI0MTEzNzE5OTM1LnBuZw.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-success ahfff" href="https://www.mate98.cn/dir/coding/javascript/"><i class="fa-regular fa-folder-open"></i> JavaScript</a>                    <a class="a-link" title="html 导出pdf"                        href="https://www.mate98.cn/659.html">html 导出pdf</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;tit&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>1,191<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/659.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                0<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/coding/javascript/"><i class="fa-regular fa-folder-open"></i> JavaScript</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-05-24</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：636 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/636.html">
                <img title="mysql JOIN ON表交集查询"
                     alt="mysql JOIN ON表交集查询" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1LzIwMjMwNTA0MTY4MzE4OTgyOTQyNDkzOS5wbmc.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-success ahfff" href="https://www.mate98.cn/dir/coding/"><i class="fa-regular fa-folder-open"></i> 代码编程</a>                    <a class="a-link" title="mysql JOIN ON表交集查询"                        href="https://www.mate98.cn/636.html">mysql JOIN ON表交集查询</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>demo 案例一共有两张表 test_name =&gt; 存放用户名 test_sex. =&gt; 存放用&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>1,852<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/636.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                7<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/coding/"><i class="fa-regular fa-folder-open"></i> 代码编程</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-05-05</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：624 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/624.html">
                <img title="brew安装php报错"
                     alt="brew安装php报错" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdGhlbWVzL3dvcmRwcmVzcy10aGVtZS1wdW9jay0yLjcuOC9hc3NldHMvaW1nL3JhbmRvbS80LmpwZw.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-primary ahfff" href="https://www.mate98.cn/dir/toss-more-than/"><i class="fa-regular fa-folder-open"></i> 折腾不止</a>                    <a class="a-link" title="brew安装php报错"                        href="https://www.mate98.cn/624.html">brew安装php报错</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>mac 上使用 brew 安装旧版 php, 执行 brew install php@7.4 报错 Error&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>2,101<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/624.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                6<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/toss-more-than/"><i class="fa-regular fa-folder-open"></i> 折腾不止</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-04-29</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：615 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/615.html">
                <img title="巧用JavaScript三大操作符，让你的代码更优雅！"
                     alt="巧用JavaScript三大操作符，让你的代码更优雅！" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA0LzczNjQwMC0xMDI0eDEwMjQuanBn.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-secondary ahfff" href="https://www.mate98.cn/dir/coding/javascript/"><i class="fa-regular fa-folder-open"></i> JavaScript</a>                    <a class="a-link" title="巧用JavaScript三大操作符，让你的代码更优雅！"                        href="https://www.mate98.cn/615.html">巧用JavaScript三大操作符，让你的代码更优雅！</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>巧用 JavaScript 三大操作符，让你的代码更优雅！ JavaScript中有三种不同的操作符，分别是?&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>1,317<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/615.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                6<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/coding/javascript/"><i class="fa-regular fa-folder-open"></i> JavaScript</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-04-25</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：604 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/604.html">
                <img title="微信小程序登录流程"
                     alt="微信小程序登录流程" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA0L2FwaS1sb2dpbi4yZmNjOWYzNS5qcGc.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-secondary ahfff" href="https://www.mate98.cn/dir/coding/web/"><i class="fa-regular fa-folder-open"></i> 前端</a>                    <a class="a-link" title="微信小程序登录流程"                        href="https://www.mate98.cn/604.html">微信小程序登录流程</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>小程序登录 微信小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>1,412<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/604.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                0<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/coding/web/"><i class="fa-regular fa-folder-open"></i> 前端</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-04-24</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：564 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/564.html">
                <img title="Mac常用快捷键有哪些？"
                     alt="Mac常用快捷键有哪些？" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA0LzQ1OTY1My0xMDI0eDY4My5qcGc.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-secondary ahfff" href="https://www.mate98.cn/dir/toss-more-than/mac/"><i class="fa-regular fa-folder-open"></i> MAC</a>                    <a class="a-link" title="Mac常用快捷键有哪些？"                        href="https://www.mate98.cn/564.html">Mac常用快捷键有哪些？</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>Mac 常用快捷键有哪些？ 在使用任何操作系统时，掌握一定的快捷键都是必不可少的。在 macOS 中，快捷键可&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>2,203<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/564.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                8<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/toss-more-than/mac/"><i class="fa-regular fa-folder-open"></i> MAC</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-04-18</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：519 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/519.html">
                <img title="wordpress添加每日新闻"
                     alt="wordpress添加每日新闻" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA0LzIwMjMwNDEwMTcxNDI4NDYzLnBuZw.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-success ahfff" href="https://www.mate98.cn/dir/toss-more-than/wordpress/"><i class="fa-regular fa-folder-open"></i> WordPress</a>                    <a class="a-link" title="wordpress添加每日新闻"                        href="https://www.mate98.cn/519.html">wordpress添加每日新闻</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>为 wp 添加每日新闻 实现思路 添加图片通过 api 访问每天自动更新图片 添加脚本，每天定时获取文章 然后&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>479<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/519.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                10<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/toss-more-than/wordpress/"><i class="fa-regular fa-folder-open"></i> WordPress</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-04-11</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：486 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/486.html">
                <img title="五个必备的macOS设置，让你的Mac使用更得心应手！"
                     alt="五个必备的macOS设置，让你的Mac使用更得心应手！" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzAyLzM0NjZmNWNmZDkwOGZkMDM1OTVlNmEwNmZmYThjNDZlLnBuZw.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-success ahfff" href="https://www.mate98.cn/dir/toss-more-than/mac/"><i class="fa-regular fa-folder-open"></i> MAC</a>                    <a class="a-link" title="五个必备的macOS设置，让你的Mac使用更得心应手！"                        href="https://www.mate98.cn/486.html">五个必备的macOS设置，让你的Mac使用更得心应手！</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>若想让 Mac 使用更加得心应手，除了掌握实用技巧外，合理的系统设置也是不可或缺的。本文向大家介绍五个必备的 &#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>384<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/486.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                0<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/toss-more-than/mac/"><i class="fa-regular fa-folder-open"></i> MAC</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-04-04</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
                    <!--文章ID：480 -->
    <article class="block card-plain post-item p-block post-item-list">
        <div class="thumbnail">
            <a class="t-sm  ww"  href="https://www.mate98.cn/480.html">
                <img title="使用nginx部署react项目输出"
                     alt="使用nginx部署react项目输出" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_280/h_160/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzAyLzgzN2FiNzg0N2FmZDRmMGM3YTFlZGY1MGJjY2E1NDQ1LnBuZw.png' />
            </a>
        </div>
        <div class="post-info">
            <div class="info-top">
                <h2 class="info-title">
                                        <a  class="badge d-none d-md-inline-block bg-primary ahfff" href="https://www.mate98.cn/dir/toss-more-than/linux/"><i class="fa-regular fa-folder-open"></i> Linux</a>                    <a class="a-link" title="使用nginx部署react项目输出"                        href="https://www.mate98.cn/480.html">使用nginx部署react项目输出</a>
                </h2>
                <div class="info-meta c-sub text-2line d-none d-md-block">
                    <p>使用 nginx 部署 react 项目输出 使用 nginx 部署 react 项目输出 centos 默认&#8230;</p>
                </div>
            </div>
            <div class="info-footer w-100">
                <div>
                    <span class="t-sm c-sub">
                                                            <span class="mr-2"><i
                                            class="fa-regular fa-eye mr-1"></i>168<span
                                            class="t-sm d-none d-sm-inline-block">次阅读</span></span>
                                                                                <a class="c-sub-a"  href="https://www.mate98.cn/480.html#comments">
                                <i class="fa-regular fa-comment mr-1"></i>
                                2<span
                                        class="t-sm d-none d-sm-inline-block">个评论</span></a>
                                            </span>
                </div>
                <div>
                    <a  class="c-sub-a t-sm ml-md-2 line-h-20 d-inline-block d-md-none" href="https://www.mate98.cn/dir/toss-more-than/linux/"><i class="fa-regular fa-folder-open"></i> Linux</a>                    <span class="t-sm ml-md-2 c-sub line-h-20 d-none d-md-inline-block"><i
                                class="fa-regular fa-clock"></i> 2023-04-04</span>
                </div>
            </div>
        </div>
        <span class="title-l-c bg-primary"></span>
    </article>
            </div>
    </div>
                    </div>
                </div>
            </div>
                <div id="sidebar" class=" col-lg-4 d-none d-lg-block">
        <div class="sidebar-main">
                    <div class="p-block">
                        <div>
                <span class="t-lg border-bottom border-primary
                puock-text pb-2"><i class="fa fa-search mr-1"></i>文章搜索</span>
            </div>
                        <div class="mt20">
                <form class="global-search-form" action="https://www.mate98.cn" method="get">
                    <div class="input-group">
                        <input type="text" name="s" class="form-control t-md" placeholder="输入关键字回车搜索">
                    </div>
                </form>
            </div>
        </div>
           <div class="widget-puock-author widget">
            <div class="header" style="background-image: url('https://www.mate98.cn/wp-content/uploads/2023/02/cec5053b314b6fe4f2b86581c16a99da.webp')">
                <img src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy avatar' data-src='https://www.mate98.cn/wp-content/uploads/avatars/1-6448e240ada0e-96x96.jpg'                 alt="JIANG的博客" title="JIANG的博客">
            </div>
            <div class="content t-md puock-text">
                <div class="text-center p-2">
                    <div class="t-lg">JIANG的博客</div>
                    <div class="mt10 t-sm">山高人为峰</div>
                </div>
                <div class="row mt10">
                    <div class="col-6 text-center">
                        <div class="c-sub t-sm">阅读量</div>
                        <div>34167</div>
                    </div>
                    <div class="col-6 text-center">
                        <div class="c-sub t-sm">评论数</div>
                        <div>117</div>
                    </div>
                </div>
            </div>
        </div>
    <div class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><style>
	#loveTime {
    font-weight: bold;
    color: transparent;
		background: linear-gradient(45deg, #ffeb3b, #009688, yellowgreen, pink, #03a9f4, #9c27b0, #8bc34a);

    background-size: cover;
    background-position: center center;
    background-clip: text;
    animation: huerotate 2s infinite;
    user-select: none;
    cursor: pointer;
    -webkit-background-clip:text;
    border-radius: 20px;
    padding: 1px 11px;
}

@keyframes huerotate {
    100% {
        filter: hue-rotate(360deg);
    }
}
</style>
<div style="display:flex;flex-direction: column;align-items: center;">
        <div style="height: 96px;display: flex;flex-direction: row;justify-content: center;">
    
            <div style="width: 70px;height:70px;margin-top: 10px;border-radius: 50%;overflow: hidden;">
                <img src="http://q1.qlogo.cn/g?b=qq&amp;nk=5712974&amp;s=640" style="width: 100%;height: 100%;">
            </div>
            <div style="width: 70px;height:70px;margin-top: 10px;">
                <img src="https://www.mate98.cn/wp-content/uploads/2023/04/2023041307134992.webp" alt="">
            </div>
    
            <div style="width: 70px;height:70px;margin-top: 10px;border-radius: 50%;overflow: hidden;">
                <img src="http://q1.qlogo.cn/g?b=qq&amp;nk=1696297285&amp;s=640" alt="" style="width: 100%; height: 100%;">
            </div>
    
            
        </div>
            <span id="loveTime" data-format="split"></span>
        </div>

<script>
  const loveTime = document.querySelector('#loveTime')
// 计算时间差
function getTimeDiff() {
  const now = new Date();
  const start = new Date('2015-07-22 12:08:00');
  const diff = Math.floor((now - start) / 1000);
  return diff;
}

// 格式化时间
function formatTime(totalSeconds) {
  const years = Math.floor(totalSeconds / (3600 * 24 * 365));
  const months = Math.floor(totalSeconds / (3600 * 24 * 30)) % 12;
  const days = Math.floor(totalSeconds / (3600 * 24)) % 30;
  const hours = Math.floor(totalSeconds / 3600) % 24;
  const minutes = Math.floor(totalSeconds / 60) % 60;
  const seconds = totalSeconds % 60;
  return `${years}年${months}个月${days}天${hours}小时${minutes}分钟${seconds}秒`;
}

// 更新时间显示
function updateTimeDisplay() { 
  loveTime.style.border ='1px solid black';
  const diff = getTimeDiff();
  const isTotal = loveTime.dataset.format === 'total';
  const displayTime = isTotal ? formatTime(diff) : `${Math.floor(diff / 3600 / 24)}天${Math.floor(diff / 3600 % 24)}小时${Math.floor(diff / 60 % 60)}分钟${diff % 60}秒`;
  loveTime.textContent = `在一起${displayTime}啦~`;
}

// 切换时间格式
function toggleTimeFormat() {
  loveTime.dataset.format = loveTime.dataset.format === 'total' ? 'split' : 'total';
  updateTimeDisplay();
}


// 每秒更新一次时间显示
if (loveTime) {
  setInterval(updateTimeDisplay, 1000);
}

// 点击 #loveTime 切换时间格式
loveTime.addEventListener('click', toggleTimeFormat);

</script>
</div></div>
        <div class="pk-widget p-block ">
                        <div class="">

                <div class="widget-puock-hitokoto" data-api="">
            <div class="t puock-text">
                <div class="pk-skeleton _default"><div></div><div></div><div></div><div></div></div>            </div>
            <div class="fb d-none">-「<span class="f"></span>」</div>
        </div>
       </div></div>
        <div class="pk-widget p-block ">
                            <div>
                <span class="t-lg border-bottom border-primary
                puock-text pb-2"><i class="fa fa-chart-simple mr-1"></i>标签云</span>
                </div>
                        <div class="mt20">

        <div class="widget-puock-tag-cloud"><a href='https://www.mate98.cn/tag/elementui/' class='badge d-none d-md-inline-block bg-warning ahfff'>elementUI</a><a href='https://www.mate98.cn/tag/homebrew/' class='badge d-none d-md-inline-block bg-secondary ahfff'>HomeBrew</a><a href='https://www.mate98.cn/tag/javascript/' class='badge d-none d-md-inline-block bg-info ahfff'>JavaScript</a><a href='https://www.mate98.cn/tag/js/' class='badge d-none d-md-inline-block bg-info ahfff'>js</a><a href='https://www.mate98.cn/tag/linux/' class='badge d-none d-md-inline-block bg-warning ahfff'>Linux</a><a href='https://www.mate98.cn/tag/mac/' class='badge d-none d-md-inline-block bg-danger ahfff'>Mac</a><a href='https://www.mate98.cn/tag/macos/' class='badge d-none d-md-inline-block bg-danger ahfff'>MacOS</a><a href='https://www.mate98.cn/tag/mysql/' class='badge d-none d-md-inline-block bg-primary ahfff'>mysql</a><a href='https://www.mate98.cn/tag/nginx/' class='badge d-none d-md-inline-block bg-danger ahfff'>nginx</a><a href='https://www.mate98.cn/tag/php/' class='badge d-none d-md-inline-block bg-dark ahfff'>php</a><a href='https://www.mate98.cn/tag/restapi/' class='badge d-none d-md-inline-block bg-warning ahfff'>restAPi</a><a href='https://www.mate98.cn/tag/typescript/' class='badge d-none d-md-inline-block bg-warning ahfff'>TypeScript</a><a href='https://www.mate98.cn/tag/vue/' class='badge d-none d-md-inline-block bg-warning ahfff'>VUE</a><a href='https://www.mate98.cn/tag/vuerouter/' class='badge d-none d-md-inline-block bg-info ahfff'>Vue-router</a><a href='https://www.mate98.cn/tag/wordpress/' class='badge d-none d-md-inline-block bg-secondary ahfff'>WordPress</a><a href='https://www.mate98.cn/tag/%e5%b0%8f%e7%a8%8b%e5%ba%8f/' class='badge d-none d-md-inline-block bg-primary ahfff'>小程序</a><a href='https://www.mate98.cn/tag/%e5%bf%ab%e6%8d%b7%e9%94%ae/' class='badge d-none d-md-inline-block bg-primary ahfff'>快捷键</a><a href='https://www.mate98.cn/tag/%e6%96%87%e7%ab%a0%e5%88%86%e7%b1%bb%e6%98%be%e7%a4%ba/' class='badge d-none d-md-inline-block bg-primary ahfff'>文章分类显示</a><a href='https://www.mate98.cn/tag/%e6%97%85%e8%a1%8c%e5%9c%b0%e5%9b%be/' class='badge d-none d-md-inline-block bg-secondary ahfff'>旅行地图</a></div></div></div>
        <div class="pk-widget p-block ">
                            <div>
                <span class="t-lg border-bottom border-primary
                puock-text pb-2"><i class="fa fa-chart-simple mr-1"></i>热门文章</span>
                </div>
                        <div class="mt20">

        <div class="mt10">
                    <div class="widget-common-media-post">
                        <a class="img ww" title="html 导出pdf"  href="https://www.mate98.cn/659.html"><img src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy ' data-src='https://www.mate98.cn/timthumb/w_120/h_80/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L2ltYWdlLTIwMjMwNTI0MTEzNzE5OTM1LnBuZw.png' alt="html 导出pdf"/></a>
                        <div class="info">
                        <h2 class="t-lg t-line-1"><a class="a-link t-w-400 t-md" title="html 导出pdf" 
                         href="https://www.mate98.cn/659.html">html 导出pdf</a></h2>
                         <div class="description t-sm c-sub text-3line">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;tit...</div>
                        </div>
                    </div>
                </div></div></div>        </div>
    </div>
        </div>

                <div class="row row-cols-1  " id="magazines">
                                                <div class="col-md-6 pr-0 magazine">
                        <div class="p-block">
                            <div>
                                <span class="t-lg puock-text pb-2 d-inline-block border-bottom border-primary"><a  class="ta3 a-link" href="https://www.mate98.cn/dir/coding/web/"><i class="fa fa-layer-group"></i>&nbsp;前端</a></span>
                            </div>
                                                                                                <div class="mtb10 magazine-media-item">
                                        <a class="img ww"  href="https://www.mate98.cn/615.html">
                                            <img title="巧用JavaScript三大操作符，让你的代码更优雅！"
                                                 alt="巧用JavaScript三大操作符，让你的代码更优雅！" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy w-100 round-3' data-src='https://www.mate98.cn/timthumb/w_120/h_80/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA0LzczNjQwMC0xMDI0eDEwMjQuanBn.png'/>
                                        </a>
                                        <div class="t-line-1">
                                            <h2 class="t-lg t-line-1"><a class="a-link"
                                                                         title="巧用JavaScript三大操作符，让你的代码更优雅！"                                                                          href="https://www.mate98.cn/615.html">巧用JavaScript三大操作符，让你的代码更优雅！</a>
                                            </h2>
                                            <div class="t-md c-sub text-2line"><p>巧用 JavaScript 三大操作符，让你的代码更优雅！ JavaScript中有三种不同的操作符，分别是?&#8230;</p>
</div>
                                        </div>
                                    </div>
                                                                                                                                <div class="media-link media-row-2">
                                        <div class="t-lg t-line-1 row">
                                            <div class="col-lg-9 col-12 text-nowrap text-truncate">
                                                <i class="fa fa-angle-right t-sm c-sub mr-1"></i>
                                                <a class="a-link t-w-400 t-md"
                                                   title="微信小程序登录流程"                                                    href="https://www.mate98.cn/604.html">微信小程序登录流程</a>
                                            </div>
                                            <div class="col-lg-3 text-end d-none d-lg-block">
                                                <span class="c-sub t-sm">2023-04-24</span>
                                            </div>
                                        </div>
                                    </div>
                                                                                                                                <div class="media-link media-row-2">
                                        <div class="t-lg t-line-1 row">
                                            <div class="col-lg-9 col-12 text-nowrap text-truncate">
                                                <i class="fa fa-angle-right t-sm c-sub mr-1"></i>
                                                <a class="a-link t-w-400 t-md"
                                                   title="element ui 表格实现跨页全选"                                                    href="https://www.mate98.cn/380.html">element ui 表格实现跨页全选</a>
                                            </div>
                                            <div class="col-lg-3 text-end d-none d-lg-block">
                                                <span class="c-sub t-sm">2023-03-15</span>
                                            </div>
                                        </div>
                                    </div>
                                                                                                                                <div class="media-link media-row-2">
                                        <div class="t-lg t-line-1 row">
                                            <div class="col-lg-9 col-12 text-nowrap text-truncate">
                                                <i class="fa fa-angle-right t-sm c-sub mr-1"></i>
                                                <a class="a-link t-w-400 t-md"
                                                   title="如何使用 Element UI 实现姓和名必填其中一项的验证规则？"                                                    href="https://www.mate98.cn/334.html">如何使用 Element UI 实现姓和名必填其中一项的验证规则？</a>
                                            </div>
                                            <div class="col-lg-3 text-end d-none d-lg-block">
                                                <span class="c-sub t-sm">2023-03-02</span>
                                            </div>
                                        </div>
                                    </div>
                                                                                                                                <div class="media-link media-row-2">
                                        <div class="t-lg t-line-1 row">
                                            <div class="col-lg-9 col-12 text-nowrap text-truncate">
                                                <i class="fa fa-angle-right t-sm c-sub mr-1"></i>
                                                <a class="a-link t-w-400 t-md"
                                                   title="如何解决vue的性能问题"                                                    href="https://www.mate98.cn/289.html">如何解决vue的性能问题</a>
                                            </div>
                                            <div class="col-lg-3 text-end d-none d-lg-block">
                                                <span class="c-sub t-sm">2023-02-22</span>
                                            </div>
                                        </div>
                                    </div>
                                                                                    </div>
                    </div>
                                                        <div class="col-md-6 pr-0 magazine">
                        <div class="p-block">
                            <div>
                                <span class="t-lg puock-text pb-2 d-inline-block border-bottom border-primary"><a  class="ta3 a-link" href="https://www.mate98.cn/dir/toss-more-than/"><i class="fa fa-layer-group"></i>&nbsp;折腾不止</a></span>
                            </div>
                                                                                                <div class="mtb10 magazine-media-item">
                                        <a class="img ww"  href="https://www.mate98.cn/624.html">
                                            <img title="brew安装php报错"
                                                 alt="brew安装php报错" src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/img/z/load.svg' class='lazy w-100 round-3' data-src='https://www.mate98.cn/timthumb/w_120/h_80/q_90/zc_1/a_c/aHR0cHM6Ly93d3cubWF0ZTk4LmNuL3dwLWNvbnRlbnQvdGhlbWVzL3dvcmRwcmVzcy10aGVtZS1wdW9jay0yLjcuOC9hc3NldHMvaW1nL3JhbmRvbS82LmpwZw.png'/>
                                        </a>
                                        <div class="t-line-1">
                                            <h2 class="t-lg t-line-1"><a class="a-link"
                                                                         title="brew安装php报错"                                                                          href="https://www.mate98.cn/624.html">brew安装php报错</a>
                                            </h2>
                                            <div class="t-md c-sub text-2line"><p>mac 上使用 brew 安装旧版 php, 执行 brew install php@7.4 报错 Error&#8230;</p>
</div>
                                        </div>
                                    </div>
                                                                                                                                <div class="media-link media-row-2">
                                        <div class="t-lg t-line-1 row">
                                            <div class="col-lg-9 col-12 text-nowrap text-truncate">
                                                <i class="fa fa-angle-right t-sm c-sub mr-1"></i>
                                                <a class="a-link t-w-400 t-md"
                                                   title="Mac常用快捷键有哪些？"                                                    href="https://www.mate98.cn/564.html">Mac常用快捷键有哪些？</a>
                                            </div>
                                            <div class="col-lg-3 text-end d-none d-lg-block">
                                                <span class="c-sub t-sm">2023-04-18</span>
                                            </div>
                                        </div>
                                    </div>
                                                                                                                                <div class="media-link media-row-2">
                                        <div class="t-lg t-line-1 row">
                                            <div class="col-lg-9 col-12 text-nowrap text-truncate">
                                                <i class="fa fa-angle-right t-sm c-sub mr-1"></i>
                                                <a class="a-link t-w-400 t-md"
                                                   title="wordpress添加每日新闻"                                                    href="https://www.mate98.cn/519.html">wordpress添加每日新闻</a>
                                            </div>
                                            <div class="col-lg-3 text-end d-none d-lg-block">
                                                <span class="c-sub t-sm">2023-04-11</span>
                                            </div>
                                        </div>
                                    </div>
                                                                                                                                <div class="media-link media-row-2">
                                        <div class="t-lg t-line-1 row">
                                            <div class="col-lg-9 col-12 text-nowrap text-truncate">
                                                <i class="fa fa-angle-right t-sm c-sub mr-1"></i>
                                                <a class="a-link t-w-400 t-md"
                                                   title="五个必备的macOS设置，让你的Mac使用更得心应手！"                                                    href="https://www.mate98.cn/486.html">五个必备的macOS设置，让你的Mac使用更得心应手！</a>
                                            </div>
                                            <div class="col-lg-3 text-end d-none d-lg-block">
                                                <span class="c-sub t-sm">2023-04-04</span>
                                            </div>
                                        </div>
                                    </div>
                                                                                                                                <div class="media-link media-row-2">
                                        <div class="t-lg t-line-1 row">
                                            <div class="col-lg-9 col-12 text-nowrap text-truncate">
                                                <i class="fa fa-angle-right t-sm c-sub mr-1"></i>
                                                <a class="a-link t-w-400 t-md"
                                                   title="使用nginx部署react项目输出"                                                    href="https://www.mate98.cn/480.html">使用nginx部署react项目输出</a>
                                            </div>
                                            <div class="col-lg-3 text-end d-none d-lg-block">
                                                <span class="c-sub t-sm">2023-04-04</span>
                                            </div>
                                        </div>
                                    </div>
                                                                                    </div>
                    </div>
                    </div>
            <div class="p-block">
                        <div>
                <span class="t-lg border-bottom border-primary
                puock-text pb-2"><i class="fa fa-search mr-1"></i>文章搜索</span>
            </div>
                        <div class="mt20">
                <form class="global-search-form" action="https://www.mate98.cn" method="get">
                    <div class="input-group">
                        <input type="text" name="s" class="form-control t-md" placeholder="输入关键字回车搜索">
                    </div>
                </form>
            </div>
        </div>
   
            <div class="p-block index-links">
        <div>
        <span class="t-lg puock-text pb-2 d-inline-block border-bottom border-primary">
            <i class="fa fa-link"></i>友情链接
        </span>
        </div>
        <div class="mt20 t-md index-links-box">
            <a href='https://www.cat61.com/' title='#的博客'
                    class='badge links-item'
                    rel='' target='_blank'>#的博客</a><a href='https://www.blogpress.cn/' title='BlogPress'
                    class='badge links-item'
                    rel='' target='_blank'>BlogPress</a><a href='https://cn.lovau.cn' title='CNLOVAU 自留地'
                    class='badge links-item'
                    rel='' target='_blank'>CNLOVAU 自留地</a><a href='https://www.itylq.com/' title='IT摇篮曲'
                    class='badge links-item'
                    rel='' target='_blank'>IT摇篮曲</a><a href='https://blog.qninq.cn/' title='Lime&#039;s Blog'
                    class='badge links-item'
                    rel='' target='_blank'>Lime&#039;s Blog</a><a href='https://vnvnv.com' title='VNVNV'
                    class='badge links-item'
                    rel='' target='_blank'>VNVNV</a><a href='https://sunjinhao.top' title='一笑のblog'
                    class='badge links-item'
                    rel='' target='_blank'>一笑のblog</a><a href='https://www.beiluoshimen.tk/' title='北落师门小站'
                    class='badge links-item'
                    rel='' target='_blank'>北落师门小站</a><a href='https://licoy.cn/' title='憧憬点滴记忆'
                    class='badge links-item'
                    rel='' target='_blank'>憧憬点滴记忆</a><a href='https://wwsla.com' title='我五岁了啊'
                    class='badge links-item'
                    rel='' target='_blank'>我五岁了啊</a><a href='http://xyq.net.cn' title='我的随笔小记'
                    class='badge links-item'
                    rel='' target=''>我的随笔小记</a><a href='https://ailcc.com' title='沛霖主页'
                    class='badge links-item'
                    rel='' target='_blank'>沛霖主页</a><a href='https://www.fuchenboke.cn/' title='浮沉博客'
                    class='badge links-item'
                    rel='' target='_blank'>浮沉博客</a><a href='https://www.nnjskz.cn' title='牛牛技术客栈'
                    class='badge links-item'
                    rel='' target='_blank'>牛牛技术客栈</a><a href='https://www.zhidaome.cn' title='知识薯条'
                    class='badge links-item'
                    rel='' target='_blank'>知识薯条</a><a href='https://www.suyanw.cn/' title='素颜技术博客'
                    class='badge links-item'
                    rel='' target='_blank'>素颜技术博客</a><a href='https://www.try0317.com/' title='讨人厌博客'
                    class='badge links-item'
                    rel='' target='_blank'>讨人厌博客</a><a href='https://www.xuanmo.xin/' title='轩陌博客'
                    class='badge links-item'
                    rel='' target='_blank'>轩陌博客</a><a href='https://www.kuhehe.top/' title='酷小呵'
                    class='badge links-item'
                    rel='' target='_blank'>酷小呵</a><a target="_blank" class="badge links-item" href="https://www.mate98.cn/links.html">更多链接</a>        </div>

    </div>

        <!--全局下方-->

        
    </div>





<!--返回顶部和底部-->
<div id="rb-float-actions">
        <div data-to="top" class="p-block"><i class="fa fa-arrow-up puock-text"></i></div>
    <div data-to="bottom" class="p-block"><i class="fa fa-arrow-down puock-text"></i></div>
</div>
<footer id="footer">
    <div class="container">
        <div class="row row-cols-md-1">
                            <div class="col-md-6">
                    <div><span class="t-md pb-2 d-inline-block border-bottom border-primary"><i
                                    class="fa-regular fa-bell"></i> 网站支持</span>
                    </div>
                    <p class="mt20 t-md"><p style=" font-size: 20px;font-weight: 700;">本站由<a href="http://www.kevps.cn" target="__self">
 <img class="Logo-light"  style="height:22px" src="https://www.kevps.cn/logo/logo-000.png">
 <img class="Logo-dark"  style="height:22px" src="https://www.kevps.cn/logo/logo-fff.png">
 </a>提供托管及加速服务</p>

<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="_blank">本站由
    

<img class="Logo-light"  style="width:60px;height:30px;" src="/wp-content/uploads/2023/04/20230410174141721.png">
 <img class="Logo-dark"  style="width:60px;height:30px;" src="/wp-content/uploads/2023/04/20230410174115937.png">
提供CDN加速/云存储服务</a></p>
                </div>
                                        <div class="col-md-6">
                    <div><span class="t-md pb-2 d-inline-block border-bottom border-primary"><i
                                    class="fa-regular fa-copyright"></i> 版权说明</span>
                    </div>
                    <p class="mt20 t-md">本站原创内容除特殊说明外本站文章皆由CC-4.0协议发布，转载请注明出处。<br>
如果有侵犯版权的资源请立刻在相应文章下进行评论留言，我们会在24h内删除有争议的资源。</p>
                </div>
                    </div>
    </div>
    <div class="mt20 text-center t-md">
        <div class="info">
            
Copyright  © 2023 <a href="https://mate98.cn">JIANG的博客</a> | <span id="runningTime"></span>  <br>
<a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2023002876号-1</a><br>
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011402013636"><img src="https://www.mate98.cn/ghs.png">京公网安备 11011402013636号</a>
 <script type="text/javascript">
    function runtime(){
        X = new Date("2/9/2023 12:00:00");
        Y = new Date();
        T = (Y.getTime()-X.getTime());
        M = 24*60*60*1000;
        a = T/M;
        A = Math.floor(a);
        b = (a-A)*24;
        B = Math.floor(b);
        c = (b-B)*60;
        C = Math.floor((b-B)*60);
        D = Math.floor((c-C)*60);
       document.querySelector('#runningTime').innerHTML = "本站苟活了: "+A+"天"+B+"小时"+C+"分"+D+"秒"
    }
    setInterval(runtime, 1000);
</script><div class="fs12 mt10 c-sub">
                <span>
                    <i class="fa-brands fa-wordpress"></i>&nbsp;Theme by <a target="_blank" class="c-sub" title="Puock v2.7.8"
                                                                            href="https://github.com/Licoy/wordpress-theme-puock">Puock</a>
                </span>
            </div>        </div>
    </div>
    </div>
</footer>
</div>
<div id="gt-validate-box"></div>
<script data-instant>var puock_metas ={"home":"https:\/\/www.mate98.cn","vd_comment":true,"vd_gt_id":"cec710b0f468e13622f6c2add7230594","vd_type":"gt","use_post_menu":true,"is_single":false,"is_pjax":true,"main_lazy_img":true,"link_blank_open":true,"async_view_id":null,"mode_switch":true};</script>
<script type='text/javascript' data-no-instant src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/dist/js/libs.min.js?ver=2.7.8' id='puock-libs-js'></script>
<script type='text/javascript' data-no-instant src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/libs/layer/layer.js?ver=2.7.8' id='puock-layer-js'></script>
<script type='text/javascript' data-no-instant src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/libs/spark-md5.min.js?ver=2.7.8' id='puock-spark-md5-js'></script>
<script type='text/javascript' data-no-instant src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/libs/dplayer/DPlayer.min.js?ver=2.7.8' id='puock-dplayer-js'></script>
<script type='text/javascript' data-no-instant src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/libs/html2canvas.min.js?ver=2.7.8' id='puock-html2canvas-js'></script>
<script type='text/javascript' data-no-instant src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/libs/gt4.js?ver=2.7.8' id='puock-gt4-js'></script>
<script type='text/javascript' data-no-instant src='https://www.mate98.cn/wp-content/themes/wordpress-theme-puock-2.7.8/assets/dist/js/puock.min.js?ver=2.7.8' id='puock-js'></script>
     <script>
window.log("%c🌒 JIANG \n %c         山高人为峰 \n %c建站日期:  2023年2月9日 \n 官网:  https://mate98.cn", "font-size: 20px;font-weight: 600;color: rgb(244,167,89);", "font-style: oblique;font-size:14px;color: rgb(244,167,89);font-weight: 400;", "color: rgb(30,152,255);")
</script>
<script>console.log('共计查询SQL：56次，耗时：0.460秒');</script></body>
</html>
